<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东轮播页面</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#d ul{
				list-style-type:none ;
			}
			#d ul li{
				float: left;
				width: 20px;
				height: 20px;
				background: black;
				background-repeat: no-repeat;
				border-radius: 10px;
				color: white;
				text-align: center;
				line-height: 20px;
				font-size: 13px;
				margin-left: 5px;
			}
			#d{
				position: relative;
				width: 730px;
				margin: auto;
			}
			#d ul{
				position: absolute;
				left: 300px;
				bottom: 20px;
			}
			#d ul li a{
				text-decoration: none;
				color: white;
			}
			#d ul li:hover{
				background: orange;
			}
		</style>
	</head>
	<body>
		<div id="d">
			<img src="../img/focus.jpg"/>
			<ul>
				<li><a href="">1</a> </li>
				<li><a href="">2</a> </li>
				<li><a href="">3</a> </li>
				<li><a href="">4</a> </li>
				<li><a href="">5</a> </li>
			</ul>
		</div>
	</body>
</html>

